<template>
  <div>
    <section>
      <img class="full-width" src="/static/bg06.png" alt="">
    </section>
    <section class="section-2 relative">
      <p class="header mt60">LOCAL REGULATIONS<span>地方政策法规</span></p>
      <div class="rules-item">
        <div class="mod" v-for="(item, index) in list" :key="index" @click="toDetail(item)">
          <span class="circel"></span>
          <span class="title">{{item.title}}</span>
        </div>
      </div>
    </section>
  </div>
</template>
<script>
export default {
  name: 'association',
  data () {
    return {
      list: [{
        id: 4,
        title: '[国务院 应急管理部]关于开展2020年全国“安全生产月”和“安全生产万里行”活动的通知'
      }, {
        id: 5,
        title: '关于印发《住房和城乡建设部工程质量安全监管司2020年工作要点》的通知'
      }, {
        id: 6,
        title: '国务院转发住房城乡建设部关于完善质量保障体系提升建筑工程品质指导意见的通知'
      }]
    }
  },
  components: {
  },
  computed: {
  },
  methods: {
    toDetail (item) {
      this.$router.push({ path: `/fold/${item.id}` })
    }
  }
}
</script>
<style lang="scss">
</style>
